<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1322088_xc2lfu6qkpp.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="js/layui/css/layui.css"/>
	</head>
	<body>
		
		<div class="container-fluid bg-white">
			<!-- 订单详细 -->
			<div class="order order-xx">
				<div class="layui-tab layui-tab-brief" lay-filter="text">
					<div class="main-item-nav">
						<ul class="mp00 flex">
							<li @click="handlEidt" class="list-none"><i class="iconfont icon-xiugai"></i>修改</li>
							<li class="list-none"><i class="iconfont icon-fuzhi"></i>复制</li>
							<li class="list-none"><i class="iconfont icon-dayin"></i>打印</li>
							<li class="list-none"><i class="iconfont icon-daochu1"></i>导出</li>
							<li class="list-none"><i class="iconfont icon-zuofei"></i>作废</li>
							<li class="list-none">
								<button type="button" class="layui-btn layui-btn-normal">通过</button>
							</li>
						</ul>
					</div>
					<ul class="layui-tab-title">
						<li class="layui-this">订单详情</li>
						<li>出库发货记录</li>
						<li>收款记录</li>
						<li>发货签收记录</li>
					</ul>
					<div class="layui-tab-content">
						<!-- 订单详情 -->
						<div class="layui-tab-item layui-show">
							<div class="cu-top">
								<div class="cu-box">待订单审核</div>
								<div class="cu-box">订单号 : DH-O-20190806-137837</div>
								<div class="cu-box">客户名称 : 中山市固尔琦包装机械有限公司【三级代理】</div>
								<div class="cu-box">业务员 : </div>
							</div>
							<table id="order-list" lay-filter="test"></table>
							<div class="yingufjinge">
								<span>应付金额：</span><span class="yingfu">￥890.00</span>
							</div>
							<div class="foot-info">
								<div class="ft-box in0">
									<div class="in-item flex">
										<div>退款信息</div>
										<div>
											<span>联系人：张学友</span>
											<span>联系电话：18823811457</span>
											<span>开户银行：中国工商银行</span>
											<span>开户名称：张学友</span>
											<span>银行账号：6222614098456327586</span>
										</div>
									</div>
									<div class="in-item flex">
										<div>退货仓库</div>
										<div>深圳仓</div>
									</div>
									<div class="in-item flex">
										<div>备注说明</div>
										<div><i @click="Remarks(remarksContents)" class="iconfont icon-xiewenzhang"></i> {{remarksContents}}  ( 陈经理/易订货   2019-08-30 09:21  )</div>
									</div>
									<div class="in-item flex">
										<div>附件信息</div>
										<div class="item-right">
											<div><div class="uploadFile"><input accept="text/plain,image/jpeg,image/x-png,image/gif,application/x-zip-compressed,application/msword,application/msexcel,application/pdf,application/vnd.ms-excel" type="file" ref="file" @change="changeFile($event)" name="" id="" value="" /><i class="iconfont icon-xuanzewenjian1"></i></div>（单个附件最大支持20M，支持格式：PDF、Word、Excel、Txt、JPG、PNG、GIF、RAR、ZIP）</div>
											<div class="fileName"><a href="">暂无附件</a></div>
										</div>
									</div>
								</div>
								<div class="ft-box in1">
									<div @click="showEditLog($event)" class="showEditLog active">操作日志 <i class="iconfont icon-xiangshangjiantouarrowup-copy"></i></div>
									<div class="tables add-body">
										<table class="table table-bordered">
											<thead class="theads">
												<tr>
													<td style="width: 15%;">公司名称</td>
													<td style="width: 7%;">操作人</td>
													<td style="width: 10%;">时间</td>
													<td style="width: 10%;">操作类别</td>
													<td style="width: 15%;">操作日志</td>
												</tr>
											</thead>
											<tbody class="list-item-table">
												<tr class="tr-item" v-for="(item, index) in editLog" :key="index">
													<td>{{item.companyName}}</td>
													<td>{{item.operator}}</td>
													<td>{{item.Time}}</td>
													<td>{{item.operatingClass}}</td>
													<td>{{item.operationLog}}</td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
						<!-- 出库发货记录 -->
						<div class="layui-tab-item">
							<div class="cu-top">
								<div class="cu-box">待订单审核</div>
								<div class="cu-box">订单号 : DH-O-20190806-137837</div>
								<div class="cu-box">客户名称 : 中山市固尔琦包装机械有限公司【三级代理】</div>
								<div class="cu-box">业务员 : </div>
							</div>
							<div class="layui-collapse" lay-filter="">
								<div class="layui-colla-item">
									<h2 class="layui-colla-title"><i class="iconfont icon-fahuo"></i> 出库/发货记录</h2>
									<div class="layui-colla-content layui-show">
										<div class="main-item-navs">
											<ul class="mp00 flex">
												<li @click="handlEidt" class="list-none"><i class="iconfont icon-xiugai"></i>修改</li>
												<li class="list-none"><i class="iconfont icon-fuzhi"></i>复制</li>
												<li class="list-none"><i class="iconfont icon-dayin"></i>打印</li>
												<li class="list-none"><i class="iconfont icon-daochu1"></i>导出</li>
												<li class="list-none"><i class="iconfont icon-zuofei"></i>作废</li>
												<li class="list-none">
													<button type="button" class="layui-btn layui-btn-normal">通过</button>
												</li>
											</ul>
										</div>
										<table id="chuku" lay-filter="chuku"></table>
										<div class="main-bottom-nav-box">
											<div class="nav-bott-box flex">
												<div>状态</div>
												<div>待完成</div>
											</div>
											<div class="nav-bott-box flex">
												<div>出库信息</div>
												<div>
													<span>出库编号：L-20190806-320609</span>
													<span>出库时间：2019-08-06 15:16</span>
													<span>出库仓库：深圳仓</span>
												</div>
											</div>
											<div class="nav-bott-box flex">
												<div>物流信息</div>
												<div>
													<span>物流日期：2019-08-07 15:17</span>
													<span>物流公司：申通E物流</span>
													<span>物流单号：4526356367367</span>
													<span>物流备注：7857857857</span>
													<span>物流信息</span>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="layui-colla-item hidden">
									<h2 class="layui-colla-title">为什么前端工程师多不愿意用 Bootstrap 框架？</h2>
									<div class="layui-colla-content">
									  <p>因为不适合。如果希望开发长期的项目或者制作产品类网站，那么就需要实现特定的设计，为了在维护项目中可以方便地按设计师要求快速修改样式，肯定会逐步编写出各种业务组件、工具类，相当于为项目自行开发一套框架。——来自知乎@Kayo</p>
									</div>
								</div>
								<div class="layui-colla-item hidden">
									<h2 class="layui-colla-title">layui 更适合哪些开发者？</h2>
									<div class="layui-colla-content">
									  <p>在前端技术快速变革的今天，layui 仍然坚持语义化的组织模式，甚至于模块理念都是采用类AMD组织形式，并非是有意与时代背道而驰。layui 认为以jQuery为核心的开发方式还没有到完全消亡的时候，而早期市面上基于jQuery的UI都普通做得差强人意，所以需要有一个新的UI去重新为这一领域注入活力，并采用一些更科学的架构方式。
									  <br><br>
									  因此准确地说，layui 更多是面向那些追求开发简单的前端工程师们，以及所有层次的服务端程序员。</p>
									</div>
								</div>
								<div class="layui-colla-item hidden">
									<h2 class="layui-colla-title">贤心是男是女？</h2>
									<div class="layui-colla-content">
									  <p>man！ 所以这个问题不要再出现了。。。</p>
									</div>
								</div>
							</div>
						</div>
						<!-- 收款记录 -->
						<div class="layui-tab-item">
							<div class="show-item-box">
								<div class="shou-01">
									<div class="flex">
										<div>
											<div>订单号：<span>DH-O-20190819-142471</span> </div>
											<div>订单金额：<span>90.00</span>  待收款：<span>90.00</span></div>
										</div>
										<div><button @click="showShouModel" id="addShouKuan" type="button">添加收款记录</button></div>
									</div>
									<table id="shoukuan" lay-filter="shoukuan"></table>
								</div>
								<div class="shou-02">
									<div style="padding: 30px 0 10px 0;">退款确认</div>
									<table id="duikuan" lay-filter="duikuan"></table>
								</div>
							</div>
						</div>
						<!-- 发货签收记录 -->
						<div class="layui-tab-item">
							<div class="FA-01 flex">
								<div class="FA-01-00">
									<span>发货单号：FH-20190820-015793</span>
									<span>制单时间：2019-08-20 09:40</span>
								</div>
								<div class="FA-01-01">
									<span><i class="iconfont icon-daochu1"></i>导出</span>
									<span><i class="iconfont icon-dayin"></i>打印</span>
									<span @click="showWuLiu"><i class="iconfont icon-method-draw-image"></i>修改物流</span>
								</div>
							</div>
							<div class="FA-02"><table id="faHuoJiLu" lay-filter="test"></table></div>
							<div class="FA-03 flex">
								<div class="FA-03-00">
									<div>
										<div>出库信息</div>
										<div>
											<span>出库人：杨经理[ydhcom1000509b]</span>
											<span>出库时间：2019-08-20 10:10</span>
											<span>出库仓库：深圳仓</span>
										</div>
									</div>
									<div>
										<div>发货信息</div>
										<div>
											<span>发货人：杨经理[ydhcom1000509b]</span>
											<span>物流时间：2019-08-20 10:10</span>
											<span>物流公司：</span>
											<span>物流单号：</span>
										</div>
									</div>
								</div>
								<div class="FA-03-00 ">
									<div>
										应收金额：2,000.00
									</div>
									<div>
										已核销金额：0.00
									</div>
									<div>
										未核销金额：2,000.00
									</div>
								</div>
							</div>
						</div>
					</div>
				</div> 
			</div>
			
			<!-- 添加收款记录弹出层 -->
			<div class="addShouKuan-model hidden">
				<div class="model-box">
					<div class="title">添加收款记录</div>
					<div class="add-box">
						<form class="layui-form">
							<div class="add-top">
								<div class="daizhifu">待支付：90.00</div>
								<div class="dai-01">
									<span>订单金额：90.00</span>
									<span>已付款：0.00</span>
									<span>待确认：0.00</span>
									<span>DH-O-20190819-142471</span>
								</div>
							</div>
							<div class="shou-box-00">
								<div class="shou-box-01 flex">
									<div class="box-title">使用资金账户付款</div>
									<div class="shou-box-02">
										<div class="show-item flex">
											<div><span class="ff6600 mg-right-5 font15">*</span>预付款账户</div>
											<div><input type="text" name="" id="" value="" /></div>
											<div>余额 0.00</div>
										</div>
										<div class="show-item flex">
											<div><span class="ff6600 mg-right-5 font15">*</span>现金账户</div>
											<div><input type="text" name="" id="" value="" /></div>
											<div>余额 0.00</div>
										</div>
										<div class="show-item flex">
											<div><span class="ff6600 mg-right-5 font15">*</span>返点账户</div>
											<div><input type="text" name="" id="" value="" /></div>
											<div>余额 0.00</div>
										</div>
									</div>
								</div>
								<div class="shou-box-01 xianxia flex">
									<div class="box-title">经销商已线下付款</div>
									<div class="shou-box-02">
										<div class="show-item flex">
											<div><span class="ff6600 mg-right-5 font15">*</span>付款金额</div>
											<div><input type="text" name="" id="" value="" /></div>
										</div>
										<div class="show-item flex">
											<div><span class="ff6600 mg-right-5 font15">*</span>付款日期</div>
											<div><input type="text" name="" id="" value="" /></div>
										</div>
										<div class="show-item flex">
											<div><span class="ff6600 mg-right-5 font15">*</span>收款方式</div>
											<div class="item-ridio" pane="">
												<input type="radio" lay-filter="radio-one" name="sex" value="现金" title="现金" checked="">
												<input type="radio" lay-filter="radio-one" name="sex" value="银行转账" title="银行转账">
											</div>
										</div>
										<div class="show-item shouKuanNum hidden flex">
											<div><span class="ff6600 mg-right-5 font15">*</span>收款账号</div>
											<div><input type="text" name="" id="" value="" /></div>
										</div>
										<div class="show-item flex" style="height: auto;">
											<div style="align-self: self-start;">备注</div>
											<div><textarea ></textarea></div>
										</div>
									</div>
								</div>
							</div>
							<div class="footer-buttom"><button @click="hiddenShouModel" type="button" class="closegjss">取消</button> <button type="button">确定</button></div>
						</form>
					</div>
				</div>
			</div>
			
			<!-- 修改物流弹出层 -->
			<div class="wuliu-model hidden">
				<div class="closeModel"></div>
				<div class="wuliu-box">
					<div class="tit">修改物流信息</div>
					<div class="tit0">如确认已经发货，请填写发货信息：</div>
					<div class="wuliu-box-item">
						<form class="layui-form" style="flex-wrap: wrap;">
							<div class="box-item">
								<div class="item-01 flex">
									<div>物流日期</div>
									<input type="text" name="" id="wuliuTime" d value="" />
								</div>
								<div class="item-01 flex">
									<div>物流公司</div>
									<input type="text" name="" id="" value="" />
								</div>
								<div class="item-01 flex">
									<div>物流单号</div>
									<input type="text" name="" id="" value="" />
								</div>
							</div>
							<div class="box-item">
								<div class="item-01 flex">
									<div style="align-self: flex-start; padding-top: 10px;">物流备注</div>
									<textarea></textarea>
								</div>
							</div>
							
							<div class="butm" style="width: 100%;">
								<button @click="cancel" class="cancel" type="button">取消</button>
								<button class="confirm" type="button">确定</button>
							</div>
						</form>
					</div>
				</div>
			</div>
			
			
			<div class="footer-buttom">
				<button id="forBack" type="button">返回</button>
			</div>
		</div>
		
		<style type="text/css">
			tbody tr .layui-table-cell{
				padding: 5px;
				height: 50px;
				line-height: 50px;
				text-align: center;
			}
			
			.layui-table-total .layui-table-cell{
				padding: 5px;
				height: 40px;
				line-height: 40px;
				text-align: center;
			}
			.goodsImg{
				width: 45px;
				height: 45px;
				background: no-repeat center center;
				background-size: cover;
			}
			.layui-tab-content {
				padding: 10px 0;
			}
			
			.layui-collapse{
				border-width: 0;
			}
			
			.layui-colla-content{
				padding: 0;
			}
			
			.layui-colla-title{
				padding: 0 15px 0 15px;
			}
			
			.layui-colla-title .layui-colla-icon{
				left: inherit;
				right: 15px;
			}
			
			.layui-table-view{margin: 0;}
			
			.shou-01 .flex{
				padding: 20px 0;
				justify-content: space-between;
			}
			
			.shou-01 .flex button{
				height: 30px;
				padding: 0 10px;
				background: #03A9F4;
				border: 0;
				border-radius: 6px;
				color: #fff;
				line-height: 30px;
				margin-right: 20px;
			}
			.shou-01 .flex button:active{
				background: #00bcd4;
			}
			
		</style>
		
		<script src="js/jquery-v3-3.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/new_file.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/Gather.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var vm = new Vue({
				el:".container-fluid",
				data:{
					remarksContents:"已提交退货单，等待退货单审核",
					editLog:[
						{
							companyName:"1贵州新达共创科技有限公司",
							operator:"张学友",
							Time:"2019-09-09 09:09:09",
							operatingClass:"退货单收货确认",
							operationLog:"退货单已通过收货确认"
						},
						{
							companyName:"2贵州新达共创科技有限公司",
							operator:"张学友",
							Time:"2019-09-09 09:09:09",
							operatingClass:"退货单退单审核",
							operationLog:"退货单已通过退单审核"
						},
						{
							companyName:"3贵州新达共创科技有限公司",
							operator:"张学友",
							Time:"2019-09-09 09:09:09",
							operatingClass:"创建退货单",
							operationLog:"已提交退货单，等待退货单审核"
						}
					]
				},
				methods:{
					Remarks(cont){//编辑备注
						layer.prompt({
							formType: 2,
							title: '编辑备注说明',
							value:cont,
							area: ['300px', '100px'] //自定义文本域宽高
						}, function(value, index, elem){
							layer.close(index);
						});
					},
					showEditLog(e){//显示操作日志
						$(e.currentTarget).toggleClass("active")
						$(e.currentTarget).next(".tables").slideToggle(100)
					},
					showShouModel(){
						$(".addShouKuan-model").removeClass('hidden')
					},
					hiddenShouModel(){
						$(".addShouKuan-model").addClass('hidden')
					},
					handlEidt(){
						
					},
					showWuLiu(){
						$(".wuliu-model").removeClass("hidden")
					},
					cancel(){
						$(".wuliu-model").addClass("hidden")
					}
				}	
			})
			
			$("#forBack").click(function(){
				window.history.back(-1); 
			})
			
			$(function(){
				var height = document.documentElement.clientHeight;
				console.log(height);
				$(".container-fluid").css({"height":(height-34)+"px"})
				$(".layui-tab-content .layui-tab-item").css({"height":(height-150)+"px"})
				$(".model-box .add-box").css({"height":(height-145)+"px"})
			})
			
			$(window).resize(function(){
				var height = document.documentElement.clientHeight;
				$(".container-fluid").css({"height":(height-67)+"px"})
				$(".model-box .add-box").css({"height":(height-145)+"px"})
			})
			
			layui.use(['form','table','laydate','element'], function(){
				var table = layui.table,
					form = layui.form,
					laydate = layui.laydate,
					element = layui.element;
					
					
				// 物流时间
				//时间范围选择
				laydate.render({
					elem: '#wuliuTime',
					type: 'datetime',
					value:Gather.getTime().YearText,
					format:"yyyy-MM-dd HH:mm",
					max:Gather.getTime().value,
					done: function(value, date, endDate){
						console.log(value); //得到日期生成的值，如：2017-08-18
						console.log(date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
						console.log(endDate); //得结束的日期时间对象，开启范围选择（range: true）才会返回。对象成员同上。
					}
				});	
				
					
				//单元格点击事件
				table.on('tool(test)', function(obj){
					//预览主图
					if(obj.event == 'barDemo'){
						layer.open({
							type: 1
							,title: false //不显示标题栏
							,closeBtn: false
							,area:['500px','500px']
							,maxWidth : '600px'
							,maxHeight :'600px'
							,shade: 0.5
							,id: 'LAY_layuipro' //设定一个id，防止重复弹出
							,resize: true
							,move:'.layui-layer-content'
							,shadeClose:true
							,btn: ['确定']
							,btnAlign: 'c'
							,moveType: 1 //拖拽模式，0或者1
							,content: '<img src="'+ obj.data.mtype +'"/>'
						});
					}
					
					//添加修改备注
					if(obj.event == 'remark'){
						console.log("ok");
						console.log(obj	)
						layer.prompt({
							formType: 2,
							title: '添加商品备注',
							value:obj.data.scores,
							area: ['300px', '100px'] //自定义文本域宽高
						}, function(value, index, elem){
							layer.close(index);
							obj.update({
							  scores: value
							});
						});
					}
				});
				
				form.on('radio(radio-one)', function (data) {
					if(data.value === '银行转账'){
						$(".shouKuanNum").removeClass("hidden")
					}else{
						$(".shouKuanNum").addClass('hidden')
					}
				})
				
				
				element.on('tab(text)', function(elem){
					if(elem.index == 0){
						$(".main-item-nav").fadeIn(150)
					}else{
						$(".main-item-nav").fadeOut(150)
					}
			    });
				
				// 数据列表渲染
				table.render({
					elem: '#order-list'
					,data:DataArray2// data为数据库查到的数据
					,totalRow:true
					,cols: [[//以下field字段为为数据库相同,title为字段描述
						{type:'checkbox',totalRowText:"合计"}
						,{field:'mid', width:50, title: 'ID'}
						,{field:'mtype',event: 'barDemo', width:60, title: '主图',templet:function(e){return '<div class="goodsImg" style="background-image: url('+ e.mtype +');"></div>'}}
						,{field:'userid', width:180, title: '商品编码'}
						,{field:'uname', width:180, title: '商品名称'}
						,{field:'sex', width:165, title: '商品规格',}
						,{field:'rank', width:90, title: '数量',totalRow:true}
						,{field:'uptime',width:90, title: '单位'}
						,{field:'exptime', width:110, title: '商品参数'}
						,{field:'money', width:90, title: '单价'}
						,{field:'email', width:100, title: '金额小计',totalRow:true}
						,{field:'scores', width:130, title: '备注',event:'remark',templet:function(e){return '<i class="iconfont icon-xiewenzhang remark"></i><span>'+ e.scores +'</span>';} }
					]]
				});
				
				// 数据列表渲染
				table.render({
					elem: '#chuku'
					,data:DataArray2// data为数据库查到的数据
					,cols: [[//以下field字段为为数据库相同,title为字段描述
						{field:'mid', width:60, title: '序号'}
						,{field:'mtype',event: 'barDemo', width:60, title: '主图',templet:function(e){return '<div class="goodsImg" style="background-image: url('+ e.mtype +');"></div>'}}
						,{field:'userid', width:250, title: '商品名称'}
						,{field:'uname', width:250, title: '商品规格'}
						,{field:'sex', width:250, title: '商品编码',}
						,{field:'rank', width:250, title: '本次出库数'}
					]]
				});
				
				
				
				
				// 测试数据
				var ArrayData = [
					{
						number:"987654312345678",
						addTime:"2019-12-12 12:12:12",
						conTime:"2019-12-12 12:12:12",
						money:"900.00",
						payType:"现金",
						shou:"18823811457",
						status:"已支付",
						xiao:"90.00",
						weixiao:"820.00"
					}
				]
				
				var ArrayData2 = [
					{
						money:"900.00",
						duiCcontent:"多买了，不想要！！！",
						conTime:"2019-12-12 12:12:12",
						status:"已退",
					}
				]
				
				//收款记录
				table.render({
					elem: '#shoukuan'
					,data:ArrayData// data为数据库查到的数据
					,cols: [[//以下field字段为为数据库相同,title为字段描述
						{field:'number', width:200, title: '支付流水号'}
						,{field:'addTime', width:150, title: '新增时间'}
						,{field:'conTime', width:150, title: '确认时间'}
						,{field:'money', width:90, title: '付款金额',}
						,{field:'payType', width:90, title: '支付方式'}
						,{field:'shou', width:150, title: '收款账户'}
						,{field:'status', width:80, title: '状态'}
						,{field:'xiao', width:100, title: '已核销金额'}
						,{field:'weixiao', width:100, title: '未核销金额'}
					]]
				});
				
				//退款确认
				table.render({
					elem: '#duikuan'
					,data:ArrayData2// data为数据库查到的数据
					,cols: [[//以下field字段为为数据库相同,title为字段描述
						{field:'money', width:280, title: '退款金额'}
						,{field:'duiCcontent', width:280, title: '退款原因'}
						,{field:'conTime', width:280, title: '退款时间'}
						,{field:'status', width:270, title: '状态',}
					]]
				});
				
				
				// 发货记录faHuoJiLu
				table.render({
					elem: '#faHuoJiLu',
					totalRow:true
					,data:DataArray2// data为数据库查到的数据
					,cols: [[//以下field字段为为数据库相同,title为字段描述
						{field:'mid', width:60, title: '序号',totalRowText:"合计"}
						,{field:'mtype',event: 'barDemo', width:60, title: '主图',templet:function(e){return '<div class="goodsImg" style="background-image: url('+ e.mtype +');"></div>'}}
						,{field:'userid', width:170, title: '商品编码	'}
						,{field:'userid', width:230, title: '商品名称'}
						,{field:'uname', width:230, title: '商品规格'}
						,{field:'rank', width:80, title: '单位'}
						,{field:'rank', width:100,totalRow:true, title: '发货数量'}
						,{field:'rank', width:100,totalRow:true, title: '收货数量'}
						,{field:'rank', width:100, title: '收货单价'}
						,{field:'rank', width:100,totalRow:true, title: '收货金额'}
						,{field:'rank', width:80, title: '备注'}
					]]
				});
			})
		</script>
	</body>
</html>
